import "@/styles/globals.css";
import Navbar from "@/components/Navbar";
import Footer from "@/components/Footer";

export default function RootLayout({ children }: { children: React.ReactNode }) {
  return (
      <html lang="zh">
          <body className="flex flex-col min-h-screen">
              <Navbar />
              <main className="flex-1 container mx-0 prose prose-headings:mt-8 prose-headings:font-semibold prose-headings:text-black prose-h1:text-5xl prose-h2:text-4xl prose-h3:text-3xl prose-h4:text-2xl prose-h5:text-xl prose-h6:text-lg dark:prose-headings:text-white">
                  {children}
              </main>
              <Footer />
          </body>
      </html>
  );
}
